<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <title>发现</title>
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="/static/libs/swiper/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/shitouren.css">
    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
    <script type="text/javascript"
            src="/static/libs/swiper/swiper.jquery.min.js"></script>
    <script type="text/javascript" src="/static/js/underscore-min.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="/static/js/uuid.js"></script>
    <script src="/static/js/note.js"></script>
    <script>
        window.auth = {{ auth }};
        window.wxConfig = {
            debug: false,
            appId: "{{ appid }}",
            timestamp: "{{ timestamp }}",
            nonceStr: "{{ noncestr }}",
            signature: "{{ signature }}",
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage'
            ]
        };
    </script>
</head>
<body>
<div class="note-page">
    <div class="page-body">
        <div class="tn-container">

        </div>
        <div class="note-l-c">

        </div>
    </div>
</div>

<script type="text/template" id="topic-info-template">
    <div class="tn-channel"><%- channel %></div>
    <div class="tn-title">#<%- title %>#</div>
    <div class="tn-desc"><%- summary %></div>
    <div class="tn-ops">
        <div class="">
            <span class="tn-hot"><%- hot %></span>
            <div class="tn-post-btn">
                <span class="icon icon-edit"></span>
                <span class="text">发表</span>
            </div>
        </div>
        <div class="tn-tag-right" id="do-like">
            <span class="icon icon-star<% if(!liked) { %>-empty<% } %>"></span> 收藏
        </div>
    </div>
</script>

<script type="text/template" id="note-template">
    <div class="note" data-note-id="<%- noteid %>">
        <div class="note-header">
            <div class="nt-au-img"><img src="<%= user.imglink %>"></div>
            <div class="nt-au-info">
                <div class="nt-au-name"><%- user.name %></div>
                <div class="nt-au-island"><%- user.zone %></div>
            </div>
            <div class="nt-pull-right">
                <div class="nt-like">
                    <span class="icon icon-hot<% if(!liked) { %>-empty<% } %>"></span>
                    <span class="like-count"><%- like_count %></span>
                </div>
                <div class="nt-comp">
                    <div class="nt-comp-b">
                        <div class="nt-comp-l" style="width: <%- complete %>"></div>
                    </div>
                    <div class="nt-comp-num"><%- complete %>%</div>
                </div>
            </div>
        </div>
        <div class="nt-imgs" style="<% if(imgs.length <= 0) { %>display: none<% } %>">
            <div class="nt-limg-container">
                <% if(imgs.length && tags.length) { %>
                <div class="tn-tags">
                    <% for(var i=0; i < tags.length; i++) { %>
                        <div class="tn-tag"><%- tags[i] %></div>
                    <% } %>
                </div>
                <% } %>
                <div class="nt-limg">
                    <% for(var i=0; i < imgs.length; i++) { %>
                    <div src="<%= imgs[i] %>" class="img <% if(i === 0) { %>active<% } %>"
                            style="background-image: url('<%= imgs[i] %>')"></div>
                    <% } %>
                </div>
            </div>
            <div class="nt-simgs-container">
                <div class="nt-simgs">
                    <% for(var i=0; i < thumbs.length; i++) { %>
                    <img src="<%- thumbs[i] %>" class="<% if(i == 0) { %>active<% } %>">
                    <% } %>
                </div>
            </div>
        </div>
        <div class="nt-content"><%- note %></div>
        <% if(!imgs.length && tags.length) { %>
        <div class="tn-tags-o">
            <% for(var i=0; i < tags.length; i++) { %>
                <div class="tn-tag"><%- tags[i] %></div>
            <% } %>
        </div>
        <% } %>
        <% if(place.length) { %>
        <div class="tn-places">
            <span class="icon icon-place"></span>
            <% for(var i=0; i < place.length; i++) { %>
                <div class="tn-place"><%- place[i] %></div>
            <% } %>
        </div>
        <% } %>
    </div>
</script>
</body>
</html>